.exam_skin_wood .compare_main {
  position: relative;
  height: 100%;
  z-index: 333; }

.exam_skin_wood .compare_main .com_layout_main {
  padding: 0 1.25em; }

.exam_skin_wood .compare_main .respondRes_tip {
  margin: .83333em 0 -.83333em;
  padding: 0 .83333em;
  font-size: 1.66667em;
  text-align: center; }

.exam_skin_wood .compare_main .respondRes_tip.respond_right {
  color: #258d52; }

.exam_skin_wood .compare_main .respondRes_tip.respond_error {
  color: #d52a2a; }

.exam_skin_wood .compare_main .exam_box {
  max-height: 24.58333em;
  margin: 1.75em 0 0;
  overflow-y: auto; }

.exam_skin_wood .compare_main .exam_box li {
  position: relative;
  margin-bottom: .95833em;
  height: 3.875em;
  line-height: 3.875em;
  text-align: center; }

.exam_skin_wood .compare_main .module_number {
  position: absolute;
  left: .41667em;
  top: .75em;
  padding: 0;
  height: 2.33333em;
  line-height: 2.08333em;
  border-radius: .5em;
  border: .125em solid #9b590c;
  min-width: 2.83333em; }

.exam_skin_wood .compare_main .module_number.green {
  border-color: green;
  color: green; }

.exam_skin_wood .compare_main .module_left, .exam_skin_wood .compare_main .module_right {
  color: #5d390d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: .41667em; }

.exam_skin_wood .compare_main .module_left {
  margin: 0 .75em;
  display: inline-block;
  width: 25em;
  height: 100%;
  background-image: url(resources/wood/images/bg_m.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-origin: padding-box;
  background-size: auto 100%; }

.exam_skin_wood .compare_main .module_left:after, .exam_skin_wood .compare_main .module_left:before {
  content: " ";
  position: relative;
  top: 0;
  display: block;
  height: 3.875em;
  width: .83333em; }

.exam_skin_wood .compare_main .module_left:before {
  float: left;
  left: 0;
  background: url(resources/wood/images/bg_l.png) left top no-repeat;
  background-size: auto 100%; }

.exam_skin_wood .compare_main .module_left:after {
  float: right;
  right: 0;
  background: url(resources/wood/images/bg_r.png) right top no-repeat;
  background-size: auto 100%; }

.exam_skin_wood .compare_main .module_right {
  margin: 0 .83333em;
  display: inline-block;
  width: 25em;
  height: 100%;
  background-image: url(resources/wood/images/bg_m.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-origin: padding-box;
  background-size: auto 100%; }

.exam_skin_wood .compare_main .module_right:after, .exam_skin_wood .compare_main .module_right:before {
  content: " ";
  position: relative;
  display: block;
  height: 3.875em;
  width: .83333em;
  top: 0; }

.exam_skin_wood .compare_main .module_right:before {
  float: left;
  left: 0;
  background: url(resources/wood/images/bg_l.png) left top no-repeat;
  background-size: auto 100%; }

.exam_skin_wood .compare_main .module_right:after {
  float: right;
  right: 0;
  background: url(resources/wood/images/bg_r.png) right top no-repeat;
  background-size: auto 100%; }

.exam_skin_wood .compare_main .module_mid, .exam_skin_wood .compare_main .module_mid .com_u_btn2 {
  width: 5.75em;
  height: 3.875em;
  vertical-align: top;
  display: inline-block; }

.exam_skin_wood .compare_main .module_fz_em {
  font-size: 1.75em;
  color: #59390b; }

.exam_skin_wood .compare_main .module_fz_em.fz_em_big {
  font-size: 1.91667em; }

.exam_skin_wood .compare_main .module_mid .com_u_btn2 {
  line-height: 3.16667em;
  border-radius: .5em;
  background: -webkit-linear-gradient(top, #6aa4ca, #4b9ad3);
  background: linear-gradient(to bottom, #6aa4ca, #4b9ad3);
  background-size: 100% auto;
  text-align: center; }

.exam_skin_wood .compare_main .module_mid .com_u_btn2 em {
  font-size: 2.16667em;
  color: #fff;
  font-weight: 700; }

.exam_skin_wood .compare_main .module_mid .com_u_btn2.com_s_on {
  background: -webkit-linear-gradient(top, #4cc9fd, #74ddff);
  background: linear-gradient(to bottom, #4cc9fd, #74ddff);
  border: 3px solid #0d64a3; }

.exam_skin_wood .compare_main .module_mid .com_u_btn2.com_s_right {
  background: -webkit-linear-gradient(top, #1ea056, #268b52);
  background: linear-gradient(to bottom, #1ea056, #268b52); }

.exam_skin_wood .compare_main .module_mid .com_u_btn2.com_s_right_on {
  background: -webkit-linear-gradient(top, #1ea056, #268b52);
  background: linear-gradient(to bottom, #1ea056, #268b52);
  border: 3px solid #14c061; }

.exam_skin_wood .compare_main .module_mid .com_u_btn2.com_s_error {
  background: -webkit-linear-gradient(top, #ca4747, #d62727);
  background: linear-gradient(to bottom, #ca4747, #d62727); }

.exam_skin_wood .compare_main .module_mid .com_u_btn2.com_s_error_on {
  background: -webkit-linear-gradient(top, #ca4747, #d62727);
  background: linear-gradient(to bottom, #ca4747, #d62727);
  border: 3px solid #861010; }

.exam_skin_wood .compare_main .symbol_box .com_u_btn2 {
  width: 4.16667em;
  margin: 0 .41667em;
  display: inline-block;
  height: 3em;
  line-height: 3em;
  font-size: 1.25em;
  color: #834f06;
  font-weight: 700; }

.exam_skin_wood .compare_main .compare_bottom_tool .bottom_tools li em, .exam_skin_wood .compare_main .moving_tool em {
  font-size: 2.25em;
  color: #834f06;
  font-weight: 700; }

.exam_skin_wood .compare_main .compare_lay_box {
  padding: 0;
  text-align: center; }

.exam_skin_wood .compare_main .compare_bottom_tool {
  position: absolute;
  z-index: 339;
  width: 100%;
  height: 5.75em;
  bottom: .83333em;
  left: 0;
  text-align: center; }

.exam_skin_wood .compare_main .compare_bottom_tool .bottom_tools li {
  position: relative;
  margin: 0 1.29167em;
  display: inline-block;
  width: 7.45833em;
  height: 5.75em;
  line-height: 5.41667em;
  background: url(resources/wood/images/btn_lr_board.png) center top no-repeat;
  background-size: 100% auto;
  text-align: center;
  cursor: pointer; }

.exam_skin_wood .compare_main .compare_bottom_tool .bottom_tools li div {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: 100%; }

.exam_skin_wood .compare_main .compare_bottom_tool .bottom_tools li.ui_btn_selected, .exam_skin_wood .compare_main .compare_bottom_tool .bottom_tools li:active {
  background-position: center bottom; }

.exam_skin_wood .compare_main .moving_tool {
  position: absolute;
  left: 25em;
  bottom: 6.25em;
  z-index: 998;
  display: inline-block;
  width: 7.45833em;
  height: 5.75em;
  line-height: 5.41667em;
  background: url(resources/wood/images/btn_lr_board.png) center top no-repeat;
  background-size: 100% auto;
  text-align: center;
  cursor: pointer; }

.exam_skin_wood .compare_main .moving_tool:active {
  background-position: center bottom; }
